<template>
  <div>
    <a-modal title="考勤数据导出" v-model="visible" :footer="null" @cancel="$emit('update:visible', false)">
      <div class="content">
        <p><span style="color:red">*</span> 请选择要导出考勤数据的方式</p>
        <a-row class="item" type="flex" justify="space-between" align="middle" @click.native="handleOk(1)">
          <a-col>导出全部考勤数据</a-col>
          <a-col>
            <a-icon type="right" />
          </a-col>
        </a-row>
        <a-row class="item" type="flex" justify="space-between" align="middle" @click.native="handleOk(2)">
          <a-col>仅导出异常考勤数据</a-col>
          <a-col>
            <a-icon type="right" />
          </a-col>
        </a-row>
        <!-- <a-row
          v-for="(item, i) in list"
          :key="i"
          class="item"
          type="flex"
          justify="space-between"
          align="middle"
          @click.native="handleOk(item)"
        >
          <a-col>我要自己上传工资表</a-col>
          <a-col>
            <a-icon type="right" />
          </a-col>
        </a-row> -->
      </div>
    </a-modal>
  </div>
</template>

<script>
export default {
  props: {
    visible: {
      type: Boolean,
      default: false
    },
    options: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {
      list: [1]
    };
  },
  methods: {
    // 确定
    handleOk(v) {
      this.$emit("changeSE", v);
      this.$emit("update:visible", false);
    }
  }
};
</script>
<style lang="scss" scoped>
.content {
  padding: 24px;
  overflow: auto;
  height: 300px;
  .item {
    padding: 24px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 25px;
  }
}
</style>
